<template>
  <div class="about">
    <my-header>
      <span>about</span>
    </my-header>
    <h1>This is an about page</h1>
    <child>
      <!-- <h1>这是开关标签里的东西</h1> -->
      <!-- <template v-slot:head> -->
      <!-- v-slot:xxx 是给插槽起的名字 用的时候 在slot标签上加name
      v-slot可以简写为# -->
      <template #head>
        <h2>这是第一插槽 要放在头部</h2>
      </template>
      <template v-slot:foot>
        <h2>这是第二个插槽 放在尾部</h2>
      </template>
    </child>
  </div>
</template>
<script>
import child from "../components/Child.vue";
import myHeader from "../components/myHeader.vue";
export default {
  components: {
    child,
    myHeader,
  },
};
</script>
